@import "font";
.page-contaniner{
  //background-color: $--main-background-color;
  height: 100vh;
  width: 100vw;
  box-sizing: border-box;
  // padding: 10px;
  background-size: 100% 100%;
  font-family:$--font-family-CN;
}
.page-back-container{
  height: 100vh;
  width: 100vw;
  font-family:$--font-family-CN;
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
.page-back-main-container{
  width: 100%;
  height: 100%;
  overflow: hidden;
  .page-title{
    height: 60px;
    border-bottom: 1px solid #E8EAED;
    box-sizing: border-box;
    @include medium-remarks-font-title;
    line-height: 60px;
    padding-left: 20px;
  }
  .page-padding-content{
    width: 100%;
    height: calc(100% - 60px);
    padding: 20px;
    box-sizing: border-box;
    overflow: hidden;
    min-width: 1440px;
    .height{
      height: 100%;
      margin: 0 !important;
    }
    .flex{
      display: flex;
      height: 100%;
      justify-content: space-between;
      flex-direction: column;
    }
    .flex-setting{
      flex-direction: column;
      flex-wrap: wrap;
      align-items: center;
    }
  }
}
.quick-bar{
  width: 60px;
  min-width: 60px;
  height: 100%;
  overflow: hidden;
}
.back-menu{
  width: 184px;
  min-width: 184px;
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
  border-right: 1px solid #E8E8E8;
}
.page-top{
  height: 8vh;
}
.page-main{
  //width: 100%;
  width: calc(100% - 20px);
  // height: calc(100vh - 8vh - 30px);
  height: 100%;
  margin-top: 10px;
  margin-left: 10px;
  padding: 10px 0px;
  //height: calc(100vh - 20px);
}
.flex-warp{
  display: flex;
  flex-wrap: wrap;
}
.flex-no-warp{
  display: flex;
  flex-wrap: nowrap;
}
.flex-between{
  justify-content: space-between;
}


.el-button--success{
  background-color: $--main-normal-color;
  color: #FFFFFF;
  &:hover,&:focus{
    background-color: $--main-float-color;
  }
  &.is-disabled{
    background-color: $--main-background-color;
    color: $--main-normal-color;
  }
}

.el-button--warning{
  background-color: $--function-orange-normal-color;
  color: #FFFFFF;
  &:hover,&:focus{
    background-color: $--function-orange-float-color;
  }
  &.is-disabled{
    background-color: $--function-orange-background-color;
    color: $--function-orange-float-color;
  }
}

.el-button--danger{
  background-color: $--function-red-normal-color;
  color: #FFFFFF;
  &:hover,&:focus{
    background-color: $--function-red-float-color;
  }
  &.is-disabled{
    background-color: $--function-red-background-color;
    color: $--function-red-normal-color;
  }
}


/* select  date-editor */
/deep/{
  //.el-input.is-focus .el-input__inner, .el-select .el-input__inner:focus,.el-select:hover .el-input__inner{
  //  border-color: $--main-normal-color;
  //}
  //.el-date-editor.is-focus .el-input__inner, .el-date-editor .el-input__inner:focus,.el-date-editor:hover .el-input__inner{
  //  border-color: $--main-normal-color;
  //}
  //.el-date-picker__header-label:hover,
  //.el-date-table td span:hover,
  //.el-picker-panel__icon-btn:hover,
  //.el-month-table td .cell:hover,
  //.el-year-table td .cell:hover,
  //.el-date-table td.available:hover{
  //  color: $--main-normal-color;
  //}
  //.el-date-table td.today span{
  //  color: $--main-normal-color;
  //}
  //.el-date-table td.current:not(.disabled) span,{
  //  background-color: $--main-normal-color;
  //}
  //.el-year-table td.current:not(.disabled) .cell,
  //.el-month-table td.current:not(.disabled) .cell,
  //.el-month-table td.today .cell,
  //.el-date-table td.today span{
  //  color: $--main-normal-color
  //}
  .el-picker-panel__content .current:not(.disabled) span{
    color: #FFFFFF;
  }
}
.el-select-dropdown__item.hover, .el-select-dropdown__item:hover{
  background-color: #F5FFFC;
  color: #333;
}
.el-select-dropdown__item.selected{
  background-color: #F5FFFC;
  color: #333;
}
